<template>
  <div class="btn">
    <button class="submit"
            @click="handleSubmit">{{content}}</button>
  </div>
</template>
<script>
export default {
  name: 'CommonBtn',
  props: {
    content: String
  },
  methods: {
    handleSubmit () {
      this.$emit('submit')
    }
  }
}
</script>
<style lang="stylus" scoped>
@import '~stylus/variable.styl'
@import '~stylus/mixins.styl'

.btn
  position fixed
  bottom 0
  left 0
  width 100%
  height 98px
  z-index 11

  .submit
    width 100%
    background linear-gradient(-10deg, rgba(255, 87, 34, 1), rgba(255, 152, 0, 1))
    font-size $back_fz
    font-weight 400
    color $common_bgc
    text-shadow 0px 2px 2px rgba(5, 5, 5, 0.14)
    border none
    height 100%
</style>
